﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>时间转换 - huatools.com</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="时间换算,时间计算">
    <meta name="description" content="在线时间换算、时间计算工具。">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="../img/favicon.ico"/>
    <link rel="stylesheet" href="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/css/layui.min.css"/>
    <link rel="stylesheet" href="../css/public.min.css"/>
    <link rel="stylesheet" href="index.min.css"/>
    <script src="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/layui.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/jquery/3.6.0/jquery.min.js"></script>
    <script src="../js/public.min.js"></script>
    <script src="index.min.js"></script>
</head>
<body>
<div class="body-div">
    <div class="menu-div">
        <ul class="layui-nav">
            <li class="layui-nav-item"><a href="/public/">JSON格式化</a></li>
            <li class="layui-nav-item"><a href="/public/xml-format/">XML格式化</a></li>
            <li class="layui-nav-item">
                <a href="javascript:">URL工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">对比工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">转换工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">分隔工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">文本工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">数字工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">格式化</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">加解密</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">更多</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item skin-nav-item">
                <a href="javascript:"><i class="layui-icon layui-icon-theme"></i>换肤</a>
                <dl class="layui-nav-child"></dl>
            </li>
        </ul>
    </div>
    <div class="main-div">
        <table id="unit-table">
            <tr>
                <td>
                    <input type="text" id="content" onkeyup="value=value.replace(/[^\d{1,}.]/g,'')">
                </td>
                <td>
                    <div class="unit-div">
                        <form class="layui-form">
                            <div class="layui-form-item">
                                <select name="unit" id="time-unit" lay-filter="time-unit">
                                    <option value="秒">秒</option>
                                    <option value="分钟">分钟</option>
                                    <option value="小时">小时</option>
                                    <option value="天">天</option>
                                    <option value="月">月</option>
                                    <option value="年">年</option>
                                </select>
                            </div>
                        </form>
                    </div>
                </td>
            </tr>
        </table>
        <table id="result-table">
            <tr>
                <td id="result1" class="result">0</td>
                <td id="unit1" class="unit">分钟</td>
            </tr>
            <tr>
                <td id="result2" class="result">0</td>
                <td id="unit2" class="unit">小时</td>
            </tr>
            <tr>
                <td id="result3" class="result">0</td>
                <td id="unit3" class="unit">天</td>
            </tr>
            <tr>
                <td id="result4" class="result">0</td>
                <td id="unit4" class="unit">月</td>
            </tr>
            <tr>
                <td id="result5" class="result">0</td>
                <td id="unit5" class="unit">年</td>
            </tr>
        </table>
    </div>
</div>
</body>
</html>
